@import "../../style/public";
.changePhone {
    .tip{
        color: #999;
        @include remCalc(font-size, 26);
        @include remCalc(padding, 20,30);
    }
    .submit{
        color: #333;
    }
    .submit.disabled{
        color: #d2d2d2;
    }
    .mine-options {
        background: #fff;
        @include thin-border(true,false);
        li {
            display: flex;
            align-items: center;
            .left {
                @include remCalc(font-size, 30);
                color: #333333;
            }
            .right {
                flex:1;
                text-align: right;
                @include remCalc(font-size, 28);
                @include remCalc(padding-right, 30);
                 display: flex;
                // >div{
                //     flex: 1;
                // }
                .value {
                    color: #7e7e7e;
                }
                .input-clear-wrap{
                    display: flex;
                   flex:1;
                }
                >input.value {
                    text-align: right;
                    @include remCalc(width, 380);
                }
                .get-code-input.value {
                    @include remCalc(max-width, 200);
                }
                .get-code {
                    color: $color-red;
                    @include remCalc(padding-left, 30);
                    @include remCalc(margin-left, 30);
                    border-left: 1px solid $color-border;
                   // display: inline;
                }
                .get-code.disabled {
                    color: #ccc !important;
                    background: #fff !important;
                    opacity: 1 !important;
                }
                .right-icon {
                    float: right;
                    color: #c7c7cc;
                }
                i {
                    @include remCalc(width, 60);
                    @include remCalc(line-height, 88);
                    text-align: right;
                    color: #ccc;
                    @include remCalc(font-size, 36);
                }
            }
            @extend %box-sizing;
            @include remCalc(padding, 26, 0, 20, 0);
            @include remCalc(margin-left, 30);
            &:first-child{
                 @include thin-border(false,false,bottom);
                 .right{
                    display: block;
                 }
            }
        }
    }
    .btn-wrap {
      @include remCalc(margin-top, 60);
      .btn {
        background: $color-red;
      }
    }
}
